<template>
	<view class="">
		<view class=" width_100 u-flex u-row-left" :style="{color:color,fontSize:size+'rpx'}"
			style="line-height: 45rpx;">
			<view class="u-flex u-row-left" v-if="info.price>0">
				<view>￥{{info.price}}</view>
				<view v-if="on && isMultiple && info.price!=info.maxPrice">{{' '}} ~
					{{info.maxPrice}}
				</view>
			</view>
			<!-- <view v-if="info.costPrice>0"
				style="font-size: 28rpx;color: #a69999;text-decoration: line-through;margin-left: 10rpx;margin-top: 10rpx;">
				¥{{info.costPrice}}</view> -->
			<view class=" u-flex u-row-left integral" v-if="info.integral>0 && info.isIntegral==1">+
				{{info.integral}}积分<text v-if="on && isMultiple && info.integral!=info.maxIntegral">{{' '}} ~
					{{info.maxIntegral}}积分</text>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		props: {
			info: {
				type: Object,
				default: () => {}
			},
			color: {
				type: String,
				default: '#F13430'
			},
			size: {
				type: Number,
				default: 30
			},
			on: {
				type: Boolean,
				default: false
			}

		},
		created() {
			console.log('主机', this.info);
		},
		computed: {
			isMultiple() {
				return this.info.isMultiple
			}
		}
	}
</script>

<style scoped lang="scss">
	.integral {
		margin-left: 10rpx;
		color: #000;
		font-size: 22rpx;
	}
</style>
